.popup-wrap {
  position: fixed;
  z-index: 1000;
  top: 30%;
  left: 50%;
  display: none;
  margin-left: -345px;
  background: #fff
}
.popup-wrap .close-popup {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 36px;
  height: 36px;
  background: url(https://yuxseocdn.yuewen.com/pro/hongxiu_pc/_prelease/images/btn_close.png) no-repeat
}
.popup-wrap.login-popup {
  z-index: 9999999999;
  width: 690px;
  height: 310px
}
.popup-wrap .popup-box {
  height: 100%;
  background: #fff
}
.popup-wrap .popup-box iframe {
  z-index: 9999999;
  width: 100%;
  max-width: 100%;
  height: 300px
}
.mask {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(100px);
  background: #333;
  background: rgba(0,0,0,.7)
}
.tip-popup {
  position: relative;
  z-index: 1;
  padding-bottom: 24px
}
.tip-popup .top-error-tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  background: #f8d6da
}
.tip-popup .top-error-tip p {
  font: 12px/30px PingFangSC-Regular,'-apple-system',Simsun;
  color: var(--color-primary)
}
.popup-title {
  position: relative;
  z-index: 2;
  height: 39px;
  border-bottom: 1px solid #e6e6e6;
  background: #fff
}
.popup-title h3 {
  font-size: 18px;
  line-height: 36px;
  height: 40px;
  padding: 0 10px;
  text-align: left;
  color: #1a1a1a
}
.popup-content {
  padding: 40px 20px;
  text-align: center
}
.tip-content {
  text-align: center
}
.tip-text {
  padding: 60px 0
}
.tip-text p {
  font: 16px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}
.popup-btn {
  font-size: 0;
  text-align: center
}
.popup-btn a {
  display: inline-block;
  vertical-align: middle
}
.popup-btn a.pink-btn,
.popup-btn a.red-btn {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  width: 120px;
  height: 34px;
  margin-right: 0
}
.popup-btn a.border-btn {
  font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
  width: 118px;
  height: 32px;
  margin-left: 24px;
  border: 1px solid var(--color-primary-ligher)
}
.report-wrap {
  padding: 20px 40px
}
.report-wrap h3 {
  font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 8px;
  color: grey
}
.report-wrap h3 + p {
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 24px
}
.report-wrap .type {
  font-size: 0;
  width: 410px;
  padding-bottom: 20px
}
.report-wrap .type label {
  font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
  margin: 0 24px 16px 0
}
.edit-name-form {
  width: 300px;
  margin: 0 auto;
  text-align: left
}
.edit-name-form input {
  font: 14px/18px PingFangSC-Regular,'-apple-system',Simsun;
  width: 278px;
  height: 18px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid #e6e6e6
}
.edit-name-form input.error {
  border: 1px solid var(--color-primary)
}
.edit-name-form p {
  font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
  color: #666
}
.lbf-light-tip .simple-tips span.icon-font {
  font-size: 48px;
  display: inline-block;
  vertical-align: middle
}
.lbf-light-tip .simple-tips h3 {
  font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  display: inline-block;
  vertical-align: 3px
}
.lbf-panel {
  transform: translateZ(0);
  animation: tinydown .5s;
  box-shadow: 0 2px 5px rgba(0,0,0,.2)!important
}
.lbf-panel .lbf-panel-close {
  font-size: 18px;
  top: 12px;
  right: 12px;
  width: 16px;
  transition: .5s;
  transition: .5s;
  transform: rotate(0);
  transform: rotate(0)
}
.lbf-panel .lbf-panel-close:hover {
  transform: rotate(90deg)
}
.lbf-panel .lbf-panel-close:hover {
  transform: rotate(90deg)
}
.login-wrap {
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  display: block;
  width: 400px;
  height: 484px;
  margin-top: -207px;
  margin-left: -196.5px;
  transform: translateZ(100px);
  background: 0 0
}
.app-guide-popup {
  position: fixed;
  z-index: 1000;
  right: 14px;
  bottom: 14px;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  border: 1px solid var(--color-primary-ligher);
  border-radius: 8px;
  background: #fff
}
.guide-container .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  width: 140px;
  margin: 8px auto 0;
  text-align: center;
  white-space: pre-line;
  color: #000
}
.guide-container canvas {
  max-width: 120px;
  max-height: 120px
}
.guide-container .close-btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAdVBMVEUAAAAuLi4iIiIjHiAjHx8jHiAjHyAiHyAjHyAjHyAcHBwjHiAiHyAjHyAjHh8sFiMjHyAiHyAaGhojHx8jHh8jHyAjHx8jHyAgHCAjHR8jHx8jHyAjHx8iHyAjHyMiICAiHyAjHh8hHyEhISEiHyAiHSIjHyB8H69TAAAAJnRSTlMABQeeo6e0lbqrCbexrpkLvcIKk+KE+UgSKvLs2IsdMHJ5Jg/MNfJAAhcAAAisSURBVHja7MGBAAAAAICg/akXqQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYPbtRElNIAwC8D9ULYuI60gNeOC1avX7P2JIxVhGRWGym8zR3xtYf9PMgUREREREREREnY6LUoKTLKZCr6h5pQ1a9Xq0X0oglvvRqUbLZNVcCXVZfjS4tv48iveO+zWuNe/BBPuLHQrcWVWe9+a0WuHO5CB0S1U1HjFz8djc4JG64ovgxnaGLhvxldqgy2wrdGVp0K3IxUvJCN3MTuhi2eAZ7eVCYKrxTMO14MXW4Dnt4blAqfGc4VvgTM3wysy7Dig1XjlxJfhLhVZgHVBqvFYJtQ41gMA6oNf8UfM84KcCQGAdUGr0MhGSHVphdUCp0RN3AiIfAMLqgP7zx7tETzVAWB2QZ+it4UZgjgEyD84E8wwDeH3T8WV7wJA64Hr+3An2kAEhdUA+9PdI7AxCSkCSYhgjsQMCSkCeYaBaIndEQAlIUgzm/KLmmy0wXJaIk5IMwy0kbiUQSgckKSxEfxBQw8LYwQ5IxrCwktitEUYHqBQ2ThK7ERBCByRjWHmT2O3R8n4lqFLY2UvsdoD/HXD//PM+uLe1/wlQBQAuASx9wlbqSAKSFOAbwNpxBb87QBWwtQrgz69/r4LXHXDz/PMyeLDSwOMOUAWsmdgvAs7m8LcD7p5/fg5kYQN7qZKBnNj/8wXwhxH8fAuoAvYKod9yDXuFkr5cmr/+78sXl5Taww64nX9gn7c+xwRw/pEnQE04/5gTwPmLUwl4eR7A+buvzLxJAOf/LXJfEsD5n0WaAM7/IsoEcP5XnErARMm/8Mb533Dmeu1hAlyav3ufs7vH9QRw/neiSgDn/0BECeD8f7BvB7kNAkEQRUEMsiIlbHwH7n/EZBkl2IxV9ri7+r8r1GdFz6FIBXz8LoD9c4paAPufiHFq9bICGvvfVqCAtv+weMqYwfwZrYCW6nd1ftEKYP9T1gWw/znnAti/h28B7N/HtQD27+VZAPv3cyyA/R8RqoB1Zv/0xALYPz2xAPZPTyyA/dObv6QC2D+9dxXQEhyp1yAWwP7piQWwf3rjC1jYPxStAPbPTyuA/fPTCmD//KQClukBG/vHtI4pYIv7NKk6qQD2NzCggMv7TxDwogLY30BTCmB/A1IB7G9AKoD9DUgFsL8BqQD2NyAVwP4GpALY34BUAPsbkApgfwNKARv7G5AKeN7+K/v3ClsA+yclFcD+Bp5SwJX985IKYH8DUgHsb0AqgP0NKAVclf3bhBCUI36+fwc9BbC/s/MC2N/b8ALWCaHcL4D9/d0rgP0r2PZhlgkBXfZj7F/FcQHsX8dRAexfyf8C2L+WvwWwfzXf7J3rUhNBGAW/5bZckoAsFhRFyuKHvv8jCigVUGMWTxLn7Ol+hHTPZJOdy/sC8J/H2wLwn8iqAPxn8loA/lP5UQD+c3kuAP/J9PgPZ+sFLAqs6PEfTo//cAb8hzPgP5wB/+EM+A9nwH84A/7DGfAfzoD/bAggG74CsuEhMBt+BmbDH0HZ8FdwNj0vg6LpeR0cDQtCsmFJWDY9i4KjYVl4NmwMyYatYdmwOTQbtodnwwER2XBETDYcEpUNx8Rlw0GR2Sz+KIwCUjhc74zD4gNY758CEuDCiGw2++fKqCmzyT8FTBuujcvmaIQwCpgu4/xTwFTh8uhsuD4+G9E/BZgj+qcAc0T/FGCO6J8CzBH9b6eAMwoYS7P+q3oK8EP0TwHmiP4pwJwjbVEXBZgj+qcAc0T/FGCO6J8CzBH9U4A5on8KMOdY808B5oj+KcAc0f9uC5hTwK/Y+aeAphH9U4A33Vzzv48CTg4KfuLqv2pBAQ2i+qcAb1T/FOCN5P+4PswhBTSF6p8CvFH9U4A3mv+u9l/ABQXY+686ooAm6GaifwqwRvZPAdbI/inAGtk/BVgj+6cAa/6/fwr4CFP0TwHjacr/WdfEMmQK8PdPAeOYrn8KGMOU/VPA/ulOWvKvFXBKAfb+xQLOC8z9U8A+OWjQPwX8hQj/FLCWEP8UsIYY/1XHFPA7Qf4pYPecn7a9NVMp4NNlgbl/CnhPnn8KeEuifwpY0ZT/DZtxWtmmQAHrufbwTwE74vrKxD8FvBDsnwKeiPZPARXunwJa8j9yyRUFtIuh/6puRgFb4lzxP+tqLC0VcMWboRVzw/EvF3DCmaKvLG0/Rmnp4rLghVuz5/+tLV64LXji8sZz/te/BW54EHxm6Tv+1Tngc0Hd3RuPf3EOuL8reLQe/+Ic8Fjw4D3+tTngoeL56u+/6uDi2z/ypdL5zr7d6DgJRGEAHWjSRNNkgymU/tF29f2fUbs1ale2Akaz3DnnEbhzP4bhziVA/f8iA84pd8sI9Z+eAauUu3WQC/fF0iZgiqKJ0P/TM6BJmWvjXLGalgGfU966EPl/U04Zau5S3too/T/1RCj3s8CPgeo/6WLLO02z/2cfqP4TMmCdcldFqv/4DKhS7o6h6n/NAFNBo2xi1f+aAYaCxih30Uapx6yA3QxW9L+2GD5I/SnNwohLDovEKVb/3645+Bs8wjJW/98ywL/A4Z6bWP0/fAU0z4lv6mD9f1sBhoIHK6pg/T9wBXxxN+y7bh2s/wetgHXuPwJ/sd0/rv/s+v/q6fEK2G8TP2wfZcBqpqcl5YdH/e8L8E5XBTwuL45vb2rk/ytF3fR3yqxPyzf9ydbU9n+/2y57zsrrWb7+f3qqdz3vNN///U6L+6d1uAQYmGovh/vN38Lb/23l5ljtX0LysDqHeVCn8+rQvBS/Om6ynwH7s7LtAnT+a23Xqj0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABf24MDAQAAAABB/tYTbFABAAAAAAAAAAAAAAAAAAAAAAArLz5n8MjfpPsAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
  filter: opacity(.5)
}